#include("_layout.html")
#@layout()

### ********************************* 定义页面标题
#define title()
服务
#end

### ********************************* css导入
#define import_css()
#end

### ********************************* js导入
#define import_js()
#end

### ********************************* Body内容区开始
#define body()
<!-- service-content -->
<div class="service-content">
	#adPlaceList(code="uc_service")
		#for(adPlace : adPlaceList)
			#if(adPlace.style=="banner")
				#adList(placeId=adPlace.id)
					#for(ad : adList)
	<div class="service-big-img" style="background:url(#(ad.img))no-repeat center top; background-size: cover;">
		<div class="service-img-text">
			<h3>#(ad.title)</h3>
		</div>
	</div>
					#end
				#end
			#end
			#if(adPlace.style=="right_2x2")
	<div class="content-introduction">
		<div class="layui-fluid">
			<div class="layui-row">
				<div class="layui-col-xs12 layui-col-sm12 layui-col-md6">
					<div class="text">
						<h2>我们的服务</h2>
						<div class="line"></div>
						<p>拥有双面的不仅是人生，还有
							layui。一面极简，一面丰盈。极简是视觉所见的外在，是开发所念的简易。丰盈是倾情雕琢的内在，是信手拈来的承诺。一切本应如此，简而全，双重体验。拥有双面的不仅是人生，还有
							layui。一面极简，一面丰盈。极简是视觉所见的外在，是开发所念的简易。丰盈是倾情雕琢的内在，是信手拈来的承诺。一切本应如此，简而全，双重体验。</p>
					</div>
				</div>
				<div class="layui-col-xs12 layui-col-sm12 layui-col-md6">
					<div class="img-text-box layui-clear">
						<div class="layui-row">
				#adList(placeId=adPlace.id)
					#for(ad : adList)
							<div class="layui-col-xs6 layui-col-sm3 layui-col-md6">
								<div class="item">
									<img src="#(ad.img)" alt="">
									<h5>#(ad.title)</h5>
								</div>
							</div>
					#end
				#end
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
			#end
			#if(adPlace.style=="4_items")
	<div class="service-process-box">
		<div class="service-process">
			<div class="layui-fluid">
				<h3 class="title">成品流程</h3>
				<div class="process-centent">
					<div class="layui-row layui-col-space15">
				#adList(placeId=adPlace.id)
					#for(ad : adList)
						<div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
							<div class="item">
								<h4>0#(for.count)</h4>
								<h5>#(ad.title)</h5>
								<p>#(ad.subtitle)</p>
							</div>
						</div>
					#end
				#end
					</div>
				</div>
			</div>
		</div>
	</div>
			#end
			#if(adPlace.style=="contact")
	<div class="service-contact">
		<div class="service-contact-box">
			<div class="layui-fluid">
				<div class="layui-row">
					<div class="layui-col-xs12 layui-col-sm6 layui-col-md7">
				#adList(placeId=adPlace.id)
					#for(ad : adList)
						<div class="map-img" style="background:url(#(ad.img))no-repeat center top; background-size: cover;"></div>
					#end
				#end
					</div>
					<div class="layui-col-xs12 layui-col-sm5  layui-col-md4 fr">
						<div class="cantact-info">
							<h3>联系我们</h3>
							<div class="item">
								<p>
									<i class="layui-icon layui-icon-location"></i>#company("company_address")
								</p>
								#company("site_contacts")
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
	</div>
			#end
		#end
	#end
</div>
<!-- service-content -->

#end
### ********************************* Body内容区结束

### ********************************* 脚本区开始
#define script()
<script type="text/javascript">
	layui.use('jquery', function() {
		var $ = layui.$;
		//建造实例
		$('.app-header-menuicon').on('click', function() {
			$('.header-down-nav').toggleClass('down-nav')
		})
	});
</script>
#end
### ********************************* JS脚本区结束